<template>
    <div class="btnbox">
        <uap-button @click="nextToPage('switch')" type="primary" size="large">switch</uap-button>
        <uap-button @click="nextToPage('radio')" type="danger" size="large">radio</uap-button>
        <uap-button @click="nextToPage('toast')" type="primary" size="large">toast</uap-button>
        <uap-button @click="nextToPage('loading')" type="danger" size="large">loading</uap-button>
        <uap-button @click="nextToPage('message')" type="primary" size="large">message</uap-button>
        <uap-button @click="nextToPage('card')" type="danger" size="large">card</uap-button>
    </div>
</template>

<script>

export default {
    data() {
        return {

        }
    },
    methods: {
        nextToPage(name) {
            this.$router.push({path: name})
        }
    },
}
</script>

<style scoped>

.btnbox>div{
    margin-top: 15px;
}
</style>
